Mac配置React |
您所在的位置：网站首页 › react 配置override copy › Mac配置React |
Mac配置React
Mac配置React-Native开发环境  稀土 2018-01-08 关注 关注 安装相关软件Homebrew/// Homebrew用来安装mac上面软件工具 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Nodebrew install node 注意：安装完node如果用npm安装其他包时进度缓慢可以设置npm镜像： npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --globalReact-Native集成环境sudo npm install -g react-native-cli Xcode：运行iOS去app Store下载即可 Android Studio：运行android下载地址：www.android-studio.org 可选安装Watchman监控文件变化 brew install watchmanFlow静态的JS类型检查工具(实际开发基本可以忽略) brew install flowReact开发工具选择Atom作为开发React-native编辑器 Atom下载地址: atom.io React调式工具调式工具我们用Facebook开发的：Nuclide Nuclide是由Facebook提供的基于atom的集成开发环境，可用于编写、运行和 调试React Native应用，打开Atom Setting界面：  点击Packages搜索到Nuclide点击install即可（重启atom会自动安装Nuclide依赖包）Atom开发React/React-Native有力插件atom-react-autocomplete React代码提示插件language-babel React开发核心插件atom-react-native-style React-native 组件css样式提示插件autocomplete-js-import js包导入路径提示插件autocomplete-modules React modules导入提示插件autocomplete-paths 加载本地文件自动提示路径插件language-javascript-jsx JavaScript, ES6, ES7, React JSX, Flow支持插件react-es6-snippets es6写react语法提示插件构建React-Native项目/// 用reac-native 初始化并且创建名为ProjectName的React-native项目
react-native init ProjectName
/// cd 到ProjectName目录下下面
npm start /// 启动开发服务器
react-native run ios /// 即可运行在ios模拟器上面
react-native run android /// 即可运行在android模拟器上面个人网站: www.wuhaichao.com github: https://github/netyouli react mac homebrew install |
【本文地址】